.bg { background-size: cover;}
header .set { top: 24%; right: 0;}
header i { width: 22px; height: 22px; background-image: url(../images/queue/set.png); background-size: cover; display: inline-block;}
/*取号*/
.queue_takeNumber .hint { width: 100%; top: 45px; left: 0;position: fixed; z-index: 20;}
.queue_takeNumber .hint .i { width: 17px; height: 17px; background-image: url(../images/queue/i.png); background-size: cover; display: block;}
.queue_takeNumber .hint .close { width: 18px; height: 17px; background-image: url(../images/queue/close.png); background-size: cover; display: block;}
.queue_takeNumber .showBox { width: 100%; overflow: hidden; overflow: auto;-webkit-overflow-scrolling: touch; background-color: #e4e4e4; position: fixed; z-index: 22;}
.queue_takeNumber .showBox .table_wrap,
.queue_callNumber .showBox .table_wrap { white-space: nowrap;}
.queue_takeNumber .table { border-radius: 10px; height: 5.6em; box-sizing: border-box; margin-bottom: 10px; margin-right: 10px; display: inline-block;}
.queue_takeNumber .showBox .table_wrap .table .table_info { min-width: 60px; max-width: 150px;}
.queue_takeNumber .table.active { background-color: #fd5749; color: #fff;}
.queue_takeNumber .table.active div:last-child { color: #fff;}
.queue_takeNumber .table .table_info div:first-child { height: 2.6em; overflow:hidden; line-height: 1.3em; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; white-space: normal;}
.queue_takeNumber .selfInfo .info { border: 1px solid #fff; height: 4em;}
.queue_takeNumber .selfInfo .info.active { border: 1px solid #fd5749;}
.queue_takeNumber .selfInfo .info img { zoom: 0.5; position: relative; top: 4px;}
.queue_takeNumber .left { width: 70px;}
@media only screen and (min-width: 100px) and (max-width: 320px) {
	.queue_takeNumber .selfInfo .info .f-24{ font-size: 22px;}
}
/*叫号*/
.no_content { Position:absolute; width: 141px; height: 170px;margin: auto; left: 0; top: 0; right: 0;bottom: 0;}
.no_content .bg { width: 141px; height: 141px; background-image: url(../images/default_graph/no.png);}
/*.queue_callNumber .table_wrap .table { width: 22%; margin-right: 4%;}*/
/*.queue_callNumber .table_wrap .table:nth-child(4n) { margin-right: 0;}*/
.queue_callNumber .table_wrap .all { }
.queue_callNumber .table_wrap .table { min-width: 60px;}
.queue_callNumber .table_details_list .table_details { border-bottom: 1px solid #e9e9e9;}
.queue_callNumber .table_details_list .number { align-items: baseline;}
.queue_callNumber .table_details_list .set_wrap { justify-content: space-between;}
.queue_callNumber.queue_history .table_details_list .set { width: 70px; margin-right: 1%;}
.queue_callNumber .table_details_list .set { border: 1px solid #e4e4e4; border-radius: 10px; box-sizing: border-box; width: 32%; margin-right: 1%; float: left;}
.queue_callNumber .table_details_list .set:active { border: 1px solid #fd5749;}
.queue_callNumber .table_details_list .set .num { right: 5px; top: 5px; width: 15px; height: 15px; border-radius:  50%; line-height: 1.2em; background-color: #1a54d7;}
.queue_callNumber .table_details_list .bg { width: 23px; height: 23px; margin: auto;}
.queue_callNumber .table_details_list .bg.bg_01 { background-image: url(../images/queue/c_01.png);}
.queue_callNumber .table_details_list .bg.bg_02 { background-image: url(../images/queue/c_02.png);}
.queue_callNumber .table_details_list .bg.bg_03 { background-image: url(../images/queue/c_03.png);}
.queue_callNumber .table_details_list .bg.bg_04 { background-image: url(../images/queue/c_04.png);}
@media only screen and (min-width: 100px) and (max-width: 320px) {
	.queue_keyboard .number_keyboard .number .f-30{ font-size: 22px;}
	.queue_callNumber .table_details_list .set .num { right: 2px; top: 2px;}
}

/*餐桌状态*/
.queue_tableStatus .item { width: 31%; box-sizing: border-box;}
.queue_tableStatus .sign_block { border-radius: 5px;}
.queue_tableStatus .item:nth-child(3n-1) { margin-left: 3.5%; margin-right: 3.5%;}
.queue_tableStatus .item .bg { width: 8px; height: 13px; display: inline-block; background-image: url(../images/queue/s_01.png);}
.queue_tableStatus .item .item_content { border-radius: 10px; border: 1px solid #e4e4e4; box-shadow: 5px 5px 5px #e4e4e4;}
.queue_tableStatus .item .item_content.empty { background-color: #fff; color: #000;}
.queue_tableStatus .item .item_content.empty p:last-child{ color: #fd5749;}
.queue_tableStatus .item .item_content.empty .bg { background-image: url(../images/queue/s_02.png);}
.queue_tableStatus .table_details_list .set { width: 50%;}
.queue_callNumber .table_details_list .set_wrap { justify-content: flex-end;}

/*历史*/
.queue_callNumber .table_details_list .number .eat{ background-color: #fd9210; border-radius: 8px;}
.queue_callNumber .table_details_list .number .queue{ background-color: #1a54d7; border-radius: 8px;}
.queue_callNumber .table_details_list .number .done{ background-color: #fd5749; border-radius: 8px;}
@media only screen and (min-width: 100px) and (max-width: 320px) {
	.queue_callNumber .table_details_list .number .f-30{ font-size: 26px;}
}

/*设置*/
.queue_set .right{ width: 8px; height: 15px; background-image: url(../images/right.png);}

/*打印机设置*/
.queue_printSetup .i,
.queue_tableStatus .i { width: 17px; height: 17px; background-image: url(../images/queue/i_02.png); background-size: cover; display: block;}
.queue_printSetup .list .bg{ width: 25px; height: 25px; border: 1px solid #ccc; border-radius: 50%;}
.queue_printSetup .list .bg.checked { background-image: url(../images/queue/success.png); border-color: #fff;}

.select_pop { position: fixed; z-index: 23;}
.select_pop .bg{ width: 20px; height: 20px; border: 1px solid #ccc; border-radius: 50%;}
.select_pop .bg.checked { background-image: url(../images/queue/success.png); border-color: #fff;}
/*排队详情*/
.queue_details .l_top { width: 100%; height: 3px; background-image: url(../images/queue/l_top.png); background-size: contain;}
.queue_details .l_bot { width: 100%; height: 3px; background-image: url(../images/queue/l_bot.png); background-size: contain;}
.queue_details .bd { border-bottom: 1px solid #e4e4e4;}
.queue_details .eat { background-color: #fd9210; border-bottom-right-radius: 20px; border-top-right-radius: 20px;}
.queue_details .queuing { background-color: #1a54d7; border-bottom-right-radius: 20px; border-top-right-radius: 20px;}
.queue_details .done { background-color: #fd5749; border-bottom-right-radius: 20px; border-top-right-radius: 20px;}
.queue_details .sign { left: -5px;}
.queue_details .code { width: 110px; height: 110px; margin: auto;}
.queue_details .code img { width: 100%; height: 100%;}
.queue_details .btn_wrap { justify-content: space-between;}
.queue_details .btn { border: 1px solid #fd5749; border-radius: 10px; width: 48%;}
.queue_details .btn .bg { width: 17px; height: 17px; display: inline-block; background-size: cover; top: 3px;}
.queue_details .btn_wrap_03 .btn:first-child {border-color: #ffba08;}
.queue_details .btn_wrap_03 .btn:last-child {border-color: #1a54d7;}
.queue_details .btn_wrap_03 .btn i {top: 6px;}
.queue_details .btn_wrap_02 .btn { border: none; width: 32%; color: #fff;}
/*.queue_details .btn_wrap_02 .btn:active { color: #000;}*/
.queue_details .btn_wrap_02 .bg { width: 23px; height: 23px; top: 6px;}
.queue_details .btn_wrap_02 .num { width: 15px; height: 15px; border-radius: 50%; line-height: 1.2em; right: 4px; top: 4px;}
.queue_details .btn .d_01 { background-image: url(../images/queue/d_01.png);}
.queue_details .btn .d_02 { background-image: url(../images/queue/d_02.png);}
.queue_details .btn .d_03 { background-image: url(../images/queue/d_03.png);}
.queue_details .btn .d_04 { background-image: url(../images/queue/d_04.png);}
.queue_details .btn .d_05 { background-image: url(../images/queue/d_05.png);}
.queue_details .btn .d_06 { background-image: url(../images/queue/d_06.png);}

/*键盘*/
.queue_keyboard .number_keyboard { flex-wrap: wrap; border-bottom: 1px solid #e9e9e9;}
.queue_keyboard .number_keyboard .number{ width: 33.33%; border-top: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; box-sizing: border-box; }
.queue_keyboard .number_keyboard .number:active { background-color: #eee;}
.queue_keyboard .set .number:active { background-color: #eee;}
.queue_keyboard .set .number1 { border-right: 1px solid #e9e9e9;}
.queue_keyboard .number_keyboard .number:nth-child(3n){ border-right: 1px solid transparent;}
.queue_keyboard .number_keyboard .number .del { width: 29px; height: 19px; background-image: url(../images/w/del.png); background-size: cover; display: inline-block;}
@media only screen and (min-width: 100px) and (max-width: 365px) {
	.queue_keyboard .f-26 { font-size: 22px;}
	.queue_keyboard .pad-t-10 { padding-top: 8px;}
	.queue_keyboard .pad-b-10 { padding-bottom: 8px;}
	.queue_keyboard .pad-t-20 { padding-top: 15px;}
	.queue_keyboard .pad-b-20 { padding-bottom: 15px;}
}
@media only screen and (min-width: 100px) and (max-width: 320px) {
	.queue_keyboard .f-26 { font-size: 20px;}
	.queue_keyboard .pad-t-10 { padding-top: 5px;}
	.queue_keyboard .pad-b-10 { padding-bottom: 5px;}
	.queue_keyboard .pad-t-20 { padding-top: 15px;}
	.queue_keyboard .pad-b-20 { padding-bottom: 15px;}
}

.childFooter { position: fixed; width: 100%;/* justify-content: space-between;*/ left: 0; bottom: 0; box-sizing: border-box; border-top: 1px solid #eee; height: 50px;} 
.childFooter .childFooterWrap { justify-content: space-between;} 
.childFooter .footerList { width: 60px; height: 60px; border-radius: 50%; border: 1px solid #eee; box-sizing: border-box; line-height: 1.2em; position: relative; bottom: 20px; background-color: #fff;} 
.childFooter .footerList.active { background-color: #fd5749; border: 1px solid #fff; color: #fff;} 
.childFooter .footerList .bg { width: 23px; height: 23px; background-image: url(../images/queue/f_01.png); background-size: cover; margin: auto;} 
.childFooter .footerList .bg.bg_02 { background-image: url(../images/queue/f_02.png);} 
.childFooter .footerList .bg.bg_03 { background-image: url(../images/queue/f_03.png);} 
.childFooter .footerList .bg.bg_04 { background-image: url(../images/queue/f_04.png);} 